<template>
  <div class="search-form">
    <el-form ref="formRef" :model="form" @submit.prevent>
      <slot />
      
    </el-form>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.search-form {
  margin-top: 0.1rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  :deep(.el-form) {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    .el-form-item {
      align-items: center;
    }
    .el-form-item__label {
      height: auto !important;
    }
  }
  .form-item {
    margin: 0 0.2rem 0.2rem 0;
    :deep(.el-form-item__content) {
      width: 2rem;
      .el-select,
      .el-input__inner,
      .el-input {
        width: 100%;
      }

      .el-input__inner {
        padding-right: 0;
      }

      .el-date-editor--datetimerange {
        border: none;
      }
    }
  }

  .date-form-item {
    margin: 0 0.2rem 0.2rem 0;
    :deep(.el-form-item__content) {
      width: 100%;
      .el-select,
      .el-input__wrapper,
      .el-input {
        width: 100%;
      }
      .el-date-editor {
        height: auto;
        .el-range-input {
          line-height: 100%;
        }
      }

      .el-date-editor--datetimerange {
        border: none;
      }
    }
  }
  .btn-group {
    height: 100%;
    // width: 3rem;
    display: flex;
  }
}
</style>
<style lang="scss">
// 使下拉框+输入框组合顶部对齐
.cascaderInput-item {
  .el-input-group__prepend .el-select,
  .el-input-group__prepend .el-input,
  .el-input-group__prepend .el-input__inner {
    vertical-align: top;
    min-width: 1.5rem;
  }
}
</style>